<#macro layout>
    <html lang="zh-CN">
    <head>
        <title>${(title)!}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
        <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
        <meta HTTP-EQUIV="expires" CONTENT="0">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href='${ctx}/static/styles/main.css' type='text/css' rel='stylesheet'>
        <script src='${ctx}/static/jquery/1.8.3/jquery.js'
                type='text/javascript'></script>
        <script src='${ctx}/static/easyui/1.3.2/jquery.easyui.min.js'
                type='text/javascript'></script>
        <!-- basic styles -->
        <!-- / bootstrap -->
        <link href="${ctx}/static/assets/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="${ctx}/static/assets/css/font-awesome.min.css" />
        <!-- ace styles -->
        <link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
        <link rel="stylesheet" href="${ctx}/static/assets/css/jquery-ui-1.10.3.full.min.css" />
        <script src="${ctx}/static/assets/js/bootstrap.min.js"></script>
        <!-- basic scripts -->
        <script src="${ctx}/static/assets/js/jquery-ui-1.10.3.full.min.js"></script>
        <script src="${ctx}/static/assets/js/ace.min.js"></script>
        <!-- inline scripts related to this page -->
        <link rel="stylesheet" type="text/css" href="${ctx}/static/music/css/inlineplayer.css" />
<script type="text/javascript" src="${ctx}/static/music/js/soundmanager2-jsmin.js"></script>
<script type="text/javascript" src="${ctx}/static/music/js/inlineplayer.js"></script>
    </head>
    <#nested>
    </html>
</#macro><@layout>
<head>
<link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
</head>

<style>
p {
	font-size: 20px;
	font-family: "Microsoft Yahei", "黑体", monospace;
}

</style>
<script>


</script>
<script>
	function edit() {
		var id = $("#id").attr("value")
		var url = "${ctx}/wxContent/edit?id=" + id;
		window.location.href = url;
	}
	function dels(obj) {
		var url = '${ctx}/wxContent/delete/';
		$('#myform').form('submit', {
			url : url,
			onSubmit : function() {
			},
			success : function(data) {
				// 回填页面
				alert(data);
			}
		});
	}
</script>
<body>
<div style="height:0px;display:none">
    <img src="${(pic)!}"/>
</div> 
	<div <#if  (viewmb)=="5"> style="background-image: url('${ctx}/img/new/20150216151150.png')" </#if>>
	<div <#if  (viewmb)=="5">
					style="height: 34.027777777778%; width: 100%; top: 31.746031746032%; left: 0%; -webkit-animation-delay: 0s;"
	</#if>>
		<#if  (viewmb)=="5">
		<img src="${ctx}/img/new/lu00B0fUhIK0wmoG9A0bbW4GM8g4wj.png"
						style="width: 100%; height: 100%;" />	</#if>
						<#if  (viewmb)!="5">
		<div class="row-fluid">
			<div class="span12">
				<div class="clearfix">
					<div class="pull-left " style="line-height:20px;word-wrap:break-word; word-break:break-all;display:block;width:100%;">
						<h4 class="bigger lighter" style="font-family: Microsoft Yahei, 黑体, monospace;"><#list newlist as
							m>${(m.title)!}</#list></h4>
						<small> 浏览<#list newlist as m>${(m.yds)!}</#list> 
					</div><#if argu ??><#if (argu) =="edit"> 
					<div class="pull-right">
						<a href="#" class="btn btn-danger btn-small" onclick="edit();">编辑</a>
						&nbsp;&nbsp;&nbsp;&nbsp; <a href="#"
							class="btn btn-danger btn-small" onclick="dels();">删除</a>
					</div>
					</#if></#if>
				</div>
			</div>
		</div>
		</#if>
	</div>
<#if  (viewmb)=="0">
	<div class="hr dotted" style="background: #2283C5"></div>
	<div class="widget-header header-color-blue" style="margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="1">
	<div class="hr dotted" style="background: #FFB247"></div>
	<div class="widget-header header-color-orange" style="background: #FFB247;margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="2">
	<div class="hr dotted" style="background: #D15B47"></div>
	<div class="widget-header  header-color-red3"  style="margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="3">
	<div class="hr dotted" style="background: #555555;"></div>
	<div class="widget-header header-color-dark" style="background: #555555;margin:0 10 0 10;"></div>
	</#if>
	<#if  (viewmb)=="5">
	<div class="hr dotted" style="background: #C1001D;"></div>
	<div class="widget-header " style="font-family: Microsoft Yahei, 黑体, monospace;
	color:white;font-size:16px;text-align:center;background: #C1001D;margin:0 10 0 10;border: 1px solid #C1001D;">
	<#list newlist as m>${(m.title)!}</#list>
	</div>
	</#if>
	
	<div class="widget-body" style="margin:0 10 0 10;<#if  (viewmb)=="5">border: 1px solid #C1001D;</#if>" >
		<div class="widget-main" <#if  (viewmb)=="5"> style="background-image: url('${ctx}/img/new/20150216151150.png')" </#if>>
				<div class="text" id="sorttable">
				<#list newlist as m>
				 ${(m.content)!}
				</#list>
				</div>
		</div>
	</div>
	</br>
	<div>
		<#if  (viewmb)??>
	<#if  (viewmb)=="0">
	<a class="btn btn-primary  btn-block"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="1">
	<a class="btn btn-warning  btn-block" 
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="2">
<a class="btn btn-danger  btn-block" 
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	<#if  (viewmb)=="3">
	<a class="btn btn-inverse  btn-block" 
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
		<#if  (viewmb)=="5">
	<a class="btn-block" style="height:34px;background:#C1001D;
	border-color: #C1001D;font-size:20px;font-family: Microsoft Yahei;text-decoration:none; 
	text-align:center;line-height:25px; color:white;"
				href="http://mp.weixin.qq.com/s?__biz=MzAxODIwNDc2MQ==&mid=206519374&idx=1&sn=18a0b948284496ae7c691ca9298d9102&ptlang=2052&ADUIN=253154298&ADSESSION=1423820394&ADTAG=CLIENT.QQ.5389_.0&ADPUBNO=26441#rd">
				我也要制作
			</a>
	</#if>
	</#if>
	</div>
	<!-- /.span -->
	</div>
</div>
</body>
<script>
jQuery(function($) {
	 //显示所有功能按钮
	 wx.showAllNonBaseMenuItem();
	 wx.showOptionMenu();
	
	 $("#sorttable").sortable({
			opacity:0.8,
			revert:true,
			forceHelperSize:true,
			forcePlaceholderSize:true,
			placeholder: ' alert-danger',
			tolerance:'pointer'
	    });
});


var imgUrl = '${(pic)!}';
var lineLink = '${(url)!}wxContent/view/${(id)!}';
var descContent =  '${(descContent)!}';
var shareTitle = '${(title)!}';
var appid = '${(AppId)!}';


 // 微信分享的数据
 var wxData = {
     "appId": appid, // 服务号可以填写appId
     "imgUrl" : 'http://www.baidufe.com/fe/blog/static/img/weixin-qrcode-2.jpg',
     "link" : 'http://www.baidufe.com',
     "desc" : '使用警告：此Api非官方版本，请各位尽量将分享功能迁移至腾讯官方版，会更稳定些！',
     "title" : "欢迎使用WeixinApi"
 };
 wx.onMenuShareTimeline({
	    title: '', // 分享标题
	    link: '', // 分享链接
	    imgUrl: '', // 分享图标
	    success: function () { 
	    	alert("分享成功！");
	        // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});
 wx.onMenuShareAppMessage({
	    title: '', // 分享标题
	    desc: '', // 分享描述
	    link: '', // 分享链接
	    imgUrl: '', // 分享图标
	    type: '', // 分享类型,music、video或link，不填默认为link
	    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
	    success: function () { 
	    	alert("分享成功！");
	        // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});
 wx.onMenuShareQQ({
	    title: '', // 分享标题
	    desc: '', // 分享描述
	    link: '', // 分享链接
	    imgUrl: '' // 分享图标
	    success: function () { 
	    	alert("分享成功！");
	       // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	       // 用户取消分享后执行的回调函数
	    }
	});
 wx.onMenuShareWeibo({
	    title: '', // 分享标题
	    desc: '', // 分享描述
	    link: '', // 分享链接
	    imgUrl: '' // 分享图标
	    success: function () { 
	    	alert("分享成功！");
	       // 用户确认分享后执行的回调函数
	    },
	    cancel: function () { 
	        // 用户取消分享后执行的回调函数
	    }
	});
 


</script>


</@layout>
